<#include "/common/head.ftl">

<@showTitle title="${i18n.getMessage('teacher')} > ${i18n.getMessage('searchResult')}">
	<a href="#" onclick="cc('teacher/showSearchTeacher.sgt')">${i18n.getMessage('search')}</a>
	- <a href="#" onclick="reportToExcel()">${i18n.getMessage('report')}</a> 
</@showTitle>

<br/>

<@display.table id="listTable" name="teachers" sort="list" defaultsort="1" pagesize="20">
	<@display.column title="${i18n.getMessage('firstName')}" property="firstName" href="teacher/showInfoTeacher.sgt" paramId="id" paramProperty="id" sortable="true"></@display.column>
	<@display.column title="${i18n.getMessage('midName')}" property="midName" sortable="true"></@display.column>
	<@display.column title="${i18n.getMessage('lastName')}" property="lastName" href="teacher/showInfoTeacher.sgt" paramId="id" paramProperty="id" sortable="true"></@display.column>
	<@display.column title="${i18n.getMessage('dateOfBirth')}" property="dateOfBirth" class="center"></@display.column>
	<@display.column title="${i18n.getMessage('gender')}" sortable="true" class="center">${i18n.getMessage((listTable.gender.key)!)}</@display.column>
	<@display.column title="${i18n.getMessage('nationality')}" sortable="true" class="center">${i18n.getMessage((listTable.nationality.key)!)}</@display.column>
	<@display.column title="${i18n.getMessage('campus')}" sortable="true" class="center">${i18n.getMessage((listTable.campus.key)!)}</@display.column>
	<@display.column title="${i18n.getMessage('teacherType')}">${i18n.getMessage((listTable.teacherType.key)!)}</@display.column>
	<@display.column title="${i18n.getMessage('phoneNumber')}">${(listTable.phoneNumber)!}</@display.column>
</@display.table>

<br/><br/>

<script>
	reportToExcel = function() {
		pp('teacher/doTeacherReportToExcel.sgt?firstName=${firstName}&midName=${midName}&lastName=${lastName}<#if gender??>&gender=${gender}</#if>&nationality=${nationality}&campus=${campus}&email=${email}&phoneNumber=${phoneNumber}&fromDate=${fromDate}&toDate=${toDate}<#if active??>&active=${active?string('true', 'false')}</#if>');
	}
</script>